.video-bottom{
    display: flex;
    justify-content:space-around;
    line-height: 32px;
    font-size: 18px;
    div{
        a{
            text-decoration:none;
        }
    }

}
.video-btn{
    color: black;
}
.video-bottom div{
    flex-direction: column;
}
.video-bottom2{
    color: #f76798;
    border-bottom: 3px solid #f76798;
    height: 32px;
    font-size: 16px;
}
.video-bottom1{
    height: 32px;
    font-size: 14px;
}
.video-bottom3{
    width: 150px;
    border-radius: 15px;
    background-color: #f8fcfb;
    
    
}
.video-bottom3 span input{
    border-radius: 15px 0px 0px 15px;
    width: 96px;
    background-color: #f2f3f5;
    border: 0;
    text-indent: 1em;
    padding: 8px 0px;
}
.video-bottom3 span img{
    position: relative;
    top: 7px;
    left: 6px;
}
.game-center{
    display: flex;   
    justify-content: space-between;
    padding: 16px 10px;    
}
.game-center div{
    flex-direction: column;        
}

.game-center-right{
    background: url(../../../assets/modules/gangganggang.png) no-repeat -8px 2px;
    background-size: 21px;
    height: 32px;
    line-height: 32px;
    padding: 0px 16px;
    color: #b5b8bd;
}

.comment-list{
    .list-head{
        display: flex;
        .head-left{
            margin-left: 10px;
            margin-right: 16px;
            img{
                width: 36px;
                border-radius: 18px;
            }
        }
        .head-right{
            .right-time{
                font-size: 12px;
                color: #9799a0;
            }
        }
    }

    .list-body{
        margin-left: 62px;
        .body-text{
            margin: 16px 0px;
            width: 95%;
            span{
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 6;
                overflow: hidden;
            }
        }      
        .body-count{
            display: flex;
            margin: 16px 0px;
            .count1{
                text-indent: 1.4em;
                background: url("http://rn4tpusw7.hn-bkt.clouddn.com/%E7%82%B9%E8%B5%9E.png") no-repeat 0;
                background-size: 18px;
            }
            .count2,.count3,.count4,.count5{
                margin-left: 24px;
                width: 20px;
                position: relative;
                img{
                    position: absolute;
                    top: 4px;
                    width: 15px;
                }
            }
            .count4{
                img{
                    width: 20px;
                }
            }
            .count5{
                width: 30%;
                img{
                    padding-left: 72px;
                    width: 14px;
                }
            }
        }
        .body-comment{
            width: 95%;
            background-color: #f4f4f4;
            margin-bottom: 24px;
            div{
                a{
                    color: #008ac5;
                }
                margin: 10px 0px;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                
            }
        }  
    }
}

.w1{
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}
.comment{
    display: flex;
    justify-content: space-around;
}
.comment div{
    flex-direction: column;
}
.comment div:nth-child(1){
    padding-left: 37px;
}
.comment div:nth-child(2){
    position: relative;
    left: -26px;
}
.comment div:nth-child(3){
    position: relative;
    left: -48px;
}
.comment div:nth-child(4){
    position: relative;
    left: -66px;
}
.comment div:nth-child(5){
    position: relative;
}
.comment div img{
    width: 16px;
}
.details{
    width: 80%;
    height: 200px;
    background-color: #f6f4f5;
    margin: 8px 0px 15px 60px;
} 
.details div{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.details div a{
    text-decoration: none;
    color: #3b98d7;
}
.off div{
    display: none;
}
.btn{
    width: 95%;
    display: flex;
    position: fixed;
    justify-content: space-between;
    bottom: 0;
    background-color: #ffffff;
    div{
        flex-direction: column;
        input{
            border: 0;
            height: 80%;
            width: 200%;
            border-radius: 16px;
            background-color: #f4f4f4;
            text-indent: 1em;
        }
        img{
            width: 24px;
        }
    }
}
